<!DOCTYPE html>
<html ng-app="app">
  <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
    <title>估估网</title>
    <link rel="styleSheet" href="/static/css/intro.css">
    <meta property="qc:admins" content="300026023761470647167">
    <link rel="styleSheet" href="/static/css/universe.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="http://static.geetest.com/static/tools/gt.js"></script>
    <script src="/static/js/angular.min.js"></script>
  </head>
  <body ng-controller="body" class="scrollTransition">
    <header>
      <div id="logo-area"><a href="#">
          <div id="logo"><img src="/static/img/logo.png"></div>
          <div id="gugu-title"><img src="/static/img/gugu.png"></div></a>
        <div id="sidebar-btn" data-state="close" class="menu-btn">
          <div id="side-inner" class="menu-btn-inner">
            <div id="line1" class="line line1 animated"></div>
            <div id="line2" class="line line2 animated"></div>
            <div id="line3" class="line line3 animated"></div>
          </div>
        </div>
      </div>
      <div id="menu">
        <div class="m-one index">
          <!--.active--><a href="/index.html">首页</a>
        </div>
        <div class="m-one intro"><a href="/intro.html">介绍</a></div>
        <div class="m-one news"><a href="/news-list.html">资讯</a></div>
        <div class="m-one download"><a href="/download.html">app下载</a></div>
      </div>
      <div id="user">
        <div id="user-list-btn">
          <div id="user-tri" class="close"></div>
        </div>
        <div id="nickname"></div>
        <div id="user-info-entry" data-state="none">
          <div><a href="/mybasic.html">用户中心</a></div>
          <div ng-click="logout()" id="logout">退出</div>
        </div>
      </div>
      <div id="loginOrReg"><a href="/login.html">登录</a>
        <div class="divide"></div><a href="/reg.html">注册</a>
      </div>
      <div id="tools">
        <div id="share" class="tool-btn">
          <div id="s-img" class="inner-img"></div>
          <div id="share-content">
            <div id="qzone" class="share-btn">
              <div class="img-outer"><img src="/static/img/share-qzone.png"></div>
              <div class="share-text">分享到QQ空间</div>
            </div>
            <div id="sina" class="share-btn">
              <div class="img-outer"><img src="/static/img/share-sina.png"></div>
              <div class="share-text">分享到新浪微博</div>
            </div>
          </div>
        </div>
        <div id="message" class="tool-btn">
          <div id="not-read-mess"></div>
        </div>
      </div>
      <div class="small-side">
        <div class="close-area">
          <div class="close-btn"><img src="/static/img/close.svg"></div>
        </div>
        <div class="loginOrReg"><a href="/login.html">登录</a>
          <div class="divide"></div><a href="/reg.html">注册</a>
        </div>
        <div class="nav">
          <div class="m-one index"><a href="/index.html">首页</a></div>
          <div class="m-one intro"><a href="/intro.html">介绍</a></div>
          <div class="m-one news"><a href="/news.html">资讯</a></div>
          <div class="m-one download"><a href="/download.html">app下载</a></div>
        </div>
      </div>
    </header>
    <content data-now="intro">
      <div id="sidebar">
        <div class="loginOrReg clear-outer"><a href="/login.html">登录</a>
          <div class="divide"></div><a href="/reg.html">注册</a>
        </div>
        <div class="user-info">
          <div class="user-avatar"><img src="{{avatar}}"></div>
          <div class="user-name">{{username}}</div>
        </div>
        <ul id="side-list">
          <li id="good-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/good.png"></div>
                <div class="li-title">商品分类</div></a>
              <div ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div class="son-menu">
              <div data-kind="coin" ng-click="chooseKind($event)" class="son-item">金币</div>
              <div data-kind="equip-list" ng-click="chooseKind($event)" class="son-item">装备</div>
              <div class="clear"></div>
            </div>
            <div class="clear"></div>
          </li>
          <li id="game-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/game.png"></div>
                <div class="li-title">游戏</div></a>
              <div id="game-open" ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div class="son-menu">
              <div ng-repeat="game in gameList" ng-click="getAreaServer(game,$event)" id="{{game}}" class="son-item">{{game}}</div>
            </div>
            <div class="clear"></div>
          </li>
          <li id="area-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/area.png"></div>
                <div class="li-title">区服</div></a>
              <div id="area-open" ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div id="area" ng-show="changeBool" class="son-menu">
              <div ng-repeat="(key,value) in areaServerObj" ng-click="setArea(key,$event)" class="area-item son-item {{key}}">{{key}}</div>
            </div>
            <div id="server" ng-show="!changeBool" class="son-menu">
              <div ng-repeat="server in serverList" ng-click="setServer(server,$event)" class="server-item son-item {{server}}">{{server}}</div>
            </div>
            <div class="change">
              <div data-tar="area" ng-class="{true:'active',false:''}[changeBool]" ng-click="change($event)" class="one active"></div>
              <div data-tar="server" ng-class="{true:'',false:'active'}[changeBool]" ng-click="change($event)" class="one"></div>
            </div>
            <div class="clear"></div>
          </li>
          <li id="history-btn" data-state="close" class="one-li">
            <div class="one-li-top"><a href="" class="li-info">
                <div class="li-logo"><img src="/static/img/history.png"></div>
                <div class="li-title">历史记录</div></a>
              <div ng-click="toggleOpen($event)" class="son-menu-btn"></div>
            </div>
            <div class="son-menu"></div>
            <div class="clear"></div>
          </li>
        </ul>
      </div>
      <div ng-show="commentShow" class="comments">
        <div class="comment-head">
          <div class="head-topic">
            <div class="logo-div"><img src="/static/img/comment.gif" alt=""></div>
            <div class="comment-t-text"><span>估友评论</span><span>（已有</span><span>{{commentList.length}}</span><span>条评论）</span></div>
          </div>
        </div>
        <div class="comment-main">
          <div class="deliver-comment">
            <div class="write-main">
              <textarea id="comment-area" name="" ng-model="content"></textarea>
              <div id="high" class="checkbox-div hide">
                <div class="circle-outer"><img src="/static/img/white-choose.svg" alt=""></div>
                <div class="com-t">估高了</div>
              </div>
              <div id="low" class="checkbox-div hide">
                <div class="circle-outer"><img src="/static/img/white-choose.svg" alt=""></div>
                <div class="com-t">估低了</div>
              </div>
            </div>
            <div class="comment-tools">
              <div class="tool hide"><img src="/static/img/emotion.svg" alt=""></div>
              <div class="tool hide"><img src="/static/img/aite.svg" alt=""></div>
              <div id="submit-comment" ng-click="addComment(content)"></div>
            </div>
          </div>
          <div class="hot-comments list-com">
            <div class="hot-head list-head">热门评论</div>
            <div class="hot-com-list list-main">
              <div ng-repeat="comment in commentList" class="hot-li com-li">
                <div class="avatar-div"><img src="/static/img/avatar.png" alt=""></div>
                <div class="com-info">
                  <div class="info-top"><a href="" class="user-name">{{comment.username}}</a><span>:</span><span class="com-content">{{comment.content}}</span>
                    <div class="level hide">估高了</div>
                  </div>
                  <div class="info-bottom"><span class="com-time">{{comment.time.split('T')[0]+' '+comment.time.split('T')[1]}}</span>
                    <div class="praise-reply">
                      <div class="praise"><img src="/static/img/praise.svg" alt=""><span>(</span><span class="praise-num">0</span><span>)</span></div>
                      <div class="reply"><a href="">回复</a></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="new-comments list-com">
            <div class="new-head list-head">最新评论</div>
            <div class="new-com-list list-main">
              <div ng-repeat="comment in newComments" class="new-li com-li">
                <div class="avatar-div"><img src="/static/img/avatar.png" alt=""></div>
                <div class="com-info">
                  <div class="info-top"><a href="" class="user-name">{{comment.username}}</a><span>:</span><span class="com-content">{{comment.content}}</span>
                    <div class="level hide">估高了</div>
                  </div>
                  <div class="info-bottom"><span class="com-time">{{comment.time.split('T')[0]+' '+comment.time.split('T')[1]}}</span>
                    <div class="praise-reply">
                      <div class="praise"><img src="/static/img/praise.svg" alt=""><span>(</span><span class="praise-num">0</span><span>)</span></div>
                      <div class="reply"><a href="">回复</a></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="get-all"><a href="">查看全部</a></div>
          </div>
          <div class="footer">
            <div class="footer-main clear-outer">
              <div class="fm-one">
                <div class="fmo-title">VR the Future</div>
                <div class="fmo-li">关于我们</div>
                <div class="fmo-li">联系我们</div>
                <div class="fmo-li">赞助我们</div>
              </div>
              <div class="fm-one">
                <div class="fmo-title">帮助</div>
                <div class="fmo-li">帮助中心</div>
                <div class="fmo-li">建议&bug反馈</div>
                <div class="fmo-li">侵权申诉</div>
              </div>
              <div class="fm-one">
                <div class="fmo-title">传送门</div>
                <div class="fmo-li">新浪微博</div>
                <div class="fmo-li">微信公众号</div>
                <div class="fmo-li">手机端下载</div>
              </div>
            </div>
            <div class="footer-cr">Copyright©2016-2031 估估网   All Rights Reserved.</div>
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </content>
    <footer>
      <div class="footer-main clear-outer">
        <div class="fm-one">
          <div class="fmo-title">VR the Future</div>
          <div class="fmo-li">关于我们</div>
          <div class="fmo-li">联系我们</div>
          <div class="fmo-li">赞助我们</div>
        </div>
        <div class="fm-one">
          <div class="fmo-title">帮助</div>
          <div class="fmo-li">帮助中心</div>
          <div class="fmo-li">建议&bug反馈</div>
          <div class="fmo-li">侵权申诉</div>
        </div>
        <div class="fm-one">
          <div class="fmo-title">传送门</div>
          <div class="fmo-li">新浪微博</div>
          <div class="fmo-li">微信公众号</div>
          <div class="fmo-li">手机端下载</div>
        </div>
      </div>
      <div class="footer-cr">Copyright©2016-2031 估估网   All Rights Reserved.</div>
    </footer>
    <div id="prompt-outer">
      <div id="bottom"></div>
      <div id="prompt">
        <div id="state"></div>
      </div>
    </div>
  </body>
  <script src="/static/js/common.js"></script>
  <script src="/static/js/scroll.js"></script>
</html>